<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单验证</title>
    <script>
        function validateForm() {
            var x = document.forms["myForm"]["frame"].value;
            if(x == null || x == "")
            {
                alert("需要输入名字.");
                return false;
            }
        }
    </script>
</head>
<body>
<!--JavaScript 表单验证-->
<!--HTML 表单验证可以通过 JavaScript 来完成。-->
<!--以下实例代码用于判断表单字段(fname)值是否存在，如果存在，则弹出信息，否则阻止表单提交：-->
<!--以上 JavaScript 代码可以通过 HTML 代码来调用：-->
<form name="myForm" action="demo_form.php"
      onsubmit="return validateForm()" method="post">
    名字：<input type="text" name="fname">
    <input type="submit" value="提交">
</form>
</body>
</html>